<template>
	<view class="content">
		<swiper style="width: 100%;" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="(item,index) in list">
				<view class="swiper-item">
					<image :src="item.icon" mode="widthFix" style="width: 100%;"></image>
				</view>
			</swiper-item>
		</swiper>

		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<uni-section title="留言列表" sub-title="" type="line">
						<uni-list>
							<uni-list-item title="食堂1" note=""></uni-list-item>
							<uni-list-item title="食堂2" note=""></uni-list-item>
						</uni-list>
					</uni-section>
				</view>
			</swiper-item>
			<swiper-item>
				<uni-section title="功能列表" sub-title="" type="" style="width: 100%;">
					<uni-grid :column="5" :showBorder="false">
						<uni-grid-item v-for="item,index in functionlist">
							<view
								style="display: flex; flex-direction: column; align-items: center; justify-content: 10px;">
								<image :src="item.icon"  mode="widthFix" style="width: 80rpx"></image>
								<view>{{item.typename}}</view>
							</view>
						</uni-grid-item>
					</uni-grid>
				</uni-section>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					"id": 2,
					"name": "食堂1",
					"icon": "/static/images/school2.jpg"
				}, {
					"id": 1,
					"name": "食堂2",
					"icon": "/static/images/school1.jpg"
				}, {
					"id": 3,
					"name": "食堂3",
					"icon": "/static/images/school3.jpg"
				}, {
					"id": 4,
					"name": "食堂4",
					"icon": "/static/images/school4.jpg"
				}],
				functionlist: [{
					"id": 1,
					"functionname": "新闻",
					"icon": "/static/images/news.png"
				}, {
					"id": 2,
					"functionname": "公告",
					"icon": "/static/images/announcement.png"
				}, {
					"id": 3,
					"functionname": "同学",
					"icon": "/static/images/classmate.png"
				}, {
					"id": 4,
					"functionname": "电话",
					"icon": "/static/images/telephone.png"
				}, {
					"id": 5,
					"functionname": "留言",
					"icon": "/static/images/leaveword.png"
				}]

				// "libs": [
				// 	["食堂1", "食堂2", "食堂3"],
				// 	["1", "2", "3"]

				// ]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {}
</style>